<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>

<%@ page import="artaza.persistencia.*"%>
<%@ page import="java.util.List"%>
<%@ page import="clasesdao.*"%>
<%@ page import="java.util.List"%>


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>LISTADO</title>
        <link href="css/style.css" rel="stylesheet" type="text/css" />

        <script language=" JavaScript" type="text/javascript">

            function comprobarbusqueda(){
                var p= document.getElementsByName("palabra");
                if(p[0].value == 0){
                 alert("introduce una palabra");
             }
            }
        </script>
    </head>
    <body>
        <h1>
            <form action=index.html>
                <input type="image" src="/stylesheets/fondo_pagina.png">
            </form>


            <br>
            <center>LISTADO</center>
        </h1>

        <form action="/ir_crear_camarero" method="get">
            <input type="submit" value="Ir a crear nuevo camarero">
        </form>
        <br>
        <fieldset>
            <form action="/busqueda" method="get">

                	Criterio de búsqueda<select name="criterio">
                        <optgroup label="" >
                            <option value="1">Nombre</option>
                            <option value="2">Apellidos</option>
                            <option value="3">Teléfono</option>
                            <option value="4">DNI</option>
                            <option value="5">Categoría</option>
                        </optgroup>
                    </select>
                <legend>Selecciona criterio de búsqueda</legend>
		Buscar:<input type="text" name="palabra"/>
                       <input type="submit" value="Enviar" onclick="comprobarbusqueda()" />
            </form>
        </fieldset>
        <br />


        <c:choose>
            <c:when test="${!empty plantilla}">
                <c:forEach var="camarero" items="${plantilla}">
               <fieldset>
                <fieldset>
                    <center><legend>Información personal</legend></center>
                    Nombre:
                    <c:out value="${camarero.nombre}"/><br/>
                    Apellidos:
                    <c:out value="${camarero.apellidos}"/><br/>
                    Dni:
                    <c:out value="${camarero.dni}"/>
                    Fecha de nacimiento:
                    <c:out value="${camarero.fecha_nac}"/><br/>
                    Correo electrónico:
                    <c:out value="${camarero.correo}"/>
                    Teléfono: 
                    <c:out value="${camarero.telefono}"/><br/>
                </fieldset>
                <fieldset>
                    <center><legend>Información Laboral</legend></center>
                    Coche:  
                    <c:out value="${camarero.coche}"/><br/>
                    Categoría:  
                    <c:out value="${camarero.categoria}"/><br/>
                    Disponibilidad:  
                    <c:out value="${camarero.disponibilidad}"/><br/>
                    Comentarios:
                    <fieldset>
                    <c:out value="${camarero.comentarios}"/><br/>
                    </fieldset>
                </fieldset>
                    <table>
                     <tr>
                        <td>
                        <form action="/borrar_camarero" method="post">
                        <input type="submit" value="borrar"/>
                        <input type="hidden" name="id" value="${camarero.idString}" />
                        </form>
                         </td>
                        <td>
                        <form action="/ir_modificar" method="get">
                        <input type="submit" value="modificar"/>
                        <input type="hidden" name="id" value="${camarero.idString}" />
                        </form>
                        </td>
                   </tr>
                  </table>

                   
            </fieldset>
                </c:forEach>
            </c:when>
            <c:otherwise>
                <center>No hay personal guardado</center>
            </c:otherwise>
        </c:choose>

    </body>
</html>
